*{margin: 0;padding: 0;list-style-type: none;}
a{
    color: inherit;
    text-decoration: none;
}
body{
    /* background:url('https://pic.52112.com/180529/JPG-180529_278/sbhfDYKipt_small.jpg') no-repeat; */
    background-color: #ccc;
    background-size: 100% 100%;
    background-attachment: fixed;
}
.login{
    position: relative;
    height: 500px;
    width: 900px;
    margin: 300px auto 0;
    border-radius: 20px;
}
.login .login1{
    position: absolute;
    height: 500px;
    width: 450px;
    background-color: white;
    left: 25%;
    opacity: .6;
    /* border: 1px solid red; */
    transition: .6s;
}
.login .login1 h1 span{
    position: absolute;
    left: 45%;
    top: 5%;
    font-size: 34px;
}
.login .login1 ul li{
    height: 60px;
    background-color: rgba(240, 248, 255, 0.95);
}
.login .login1 ul li input{
    height: 50px;
    width: 300px;
}
.login .login1 ul li select{
    height: 40px;
    width: 200px;
}
.login .login1 ul li:nth-child(1){
    position: absolute;
    left: 15%;
    top: 20%;
}
.login .login1 ul li:nth-child(2){
    position: absolute;
    left: 15%;
    top: 35%;
}
.login .login1 ul li:nth-child(3){
    position: absolute;
    left: 15%;
    top: 48%;
}
.login .login1 ul li:nth-child(4){
    position: absolute;
    left: 15%;
    top: 58%;
}
.login .login1 ul li:nth-child(5){
    position: absolute;
    left: 38%;
    top: 75%;
}
.login .login1 ul li:nth-child(4) input{
    height: 50px;
    width: 180px;
}
.login .login1 ul li:nth-child(5) input{
    height: 50px;
    width: 140px;
    background-color: orange;
    border-radius: 20px;
    font-size: 25px;
    cursor: pointer;
    color: white;
    font-family: '宋体';
}
@font-face {
    font-family: "花体";
    src: url('./front/逐浪花体.otf');
}
@font-face {
    font-family: "宋体";
    src: url('./front/苏新诗央行体.ttf');
}